<template>
	<div class='headers'>
            <div class="header_left" @click='getfunavshow'>
                <i class='iconfont icon-liebiao'></i>
            </div>
            <div class="header_center" style='overflow:hidden'>
                <a href="#">{{title}}</a>
            </div>
            <div class="header_right">
                <div class="header_right_left">
                    <a href="#">深圳</a>
                    <i class='iconfont icon-chevron-copy-copy-copy'></i>
                </div>
                <router-link class="header_right_right" to='/user'>
                    <i class='iconfont icon-gerenzhongxin'></i>
                </router-link>
            </div>
            <nav @click='getfunavshow'>
            <ul>
                <li @click='getfunavshow'><router-link to='/home'>首页</router-link></li>
                <li @click='getfunavshow'><router-link to='/movie/show'>影片</router-link></li>
                <li @click='getfunavshow'><router-link to='/cinema'>影院</router-link></li>
                <li @click='getfunavshow'>商城</li>
                <li @click='getfunavshow'>演出</li>
                <li @click='getfunavshow'>我的</li>
                <li @click='getfunavshow'>卖座卡</li>
            </ul>
        	</nav>
        </div>
</template>
<script>
	export default {
        computed:{
            title:function(){
                return this.$store.state.title;
            }
        }
        ,
		methods:{
        getfunavshow:function(){
        	var that= $('nav').height();
			if($('nav').css('left')=='0px'){
                $('nav').css('left',-that+'px').css('opacity','0')       
                }else{
                 $('nav').css('left','0').css('opacity','1')
                       
                }
            }
        }
	}
</script>

